﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge, chrome=1">
    <title>我要投资-详情</title>
    <link rel="stylesheet" type="text/css" href="../../css/base.css">
    <link rel="stylesheet" type="text/css" href="../../css/main.css">
</head>
<body class="investmentDT">
    <div class="bgfff100 top">
        <div class="wrapper">
            <span class="left">客服热线：400-123-1234（工作时间：9:00-17:00）</span>
            <span class="right"><a href="../user/login.html">登录</a><em>|</em><a href="../user/register.html">注册</a></span>
        </div>
    </div>
    <div class="bgfff100">
        <div class="menu wrapper">
            <a href="../index/index.html"><img class="logo" src="../../images/public/logo.png" /></a>
            <ul><li><a href="../index/index.html">首页</a></li><li class="cur"><a href="../investment/index.html">我要投资</a></li><li><a href="#">商城</a></li><li><a href="../mespl/index.html">信息披露</a></li></ul>
            <a href="../myAccount/index.html" class="myAccount">我的账户<span>></span></a>
        </div>
    </div>
    <div class="wrapper detail">
        <div class="bgfff cont1 radius10">
            <div class="title"><span>【新手标】52期-B</span><em>仅需投资一次</em></div>
            <div class="left">
                <div class="val">
                    <div class="c1"><p class="t1"><span>12</span><em>%</em><i>+8%</i></p><p class="t2">预期年化</p></div>
                    <div class="c2"><p class="t1"><span>24</span>个/月</p><p class="t2">投资期限</p></div>
                    <div class="c2 c3"><p class="t1"><span>200000</span>元</p><p class="t2">融资金额</p></div>
                </div>
                <div class="progress"><div>投资进度</div><span><em></em></span><div>100%</div></div>
                <div class="number">
                    <span>起投份数<em>1份</em></span>
                    <span>剩余可投金额<em>2000元</em></span>
                </div>
            </div>
            <div class="right">
                <!--待还款-->
                <div class="type1">
                    <p class="t1">账户余额：<span>80000元</span></p>
                    <p class="t2">合同成立日期：<span>2017-06-15</span></p>
                    <p class="t3"><input type="button" value="待还款" class="bg_gray" /></p>
                </div> 
                <!--待还款-->
                <!--投资中-->
                <div class="type2 hide">
                    <p class="t1">账户余额：<span>80000元</span></p>
                    <p class="t2">预计收益：<span>2000元</span></p>
                    <p class="t3"><input type="text" /><input type="button" value="余额全投" /></p>
                    <p class="t2 t4">参与人数：<span>2人</span></p>
                    <p class="t5"><input type="button" value="立即投资" onclick="TZ()" /><input type="button" value="充值" /></p>
                </div>
                <!--投资中-->
                <!--未开始-->
                <div class="type3 hide">
                    <p class="t1">还需借款：<span>2000元</span></p>
                    <p class="t2">参与人数：<span>2人</span></p>
                    <p class="t3">倒计时：<span>120:53:25</span></p>
                    <p class="t4"><input type="button" value="未开始" /></p>
                </div>
                <!--未开始-->                
                <!--已还款-->
                <div class="type4 hide">
                    <p class="t1">还需借款：<span>2000元</span></p>
                    <p class="t2">合同已中止</p>
                    <p class="t3"><input type="button" value="未开始" /></p>
                </div>
                <!--已还款-->
            </div>
        </div>
        <div class="bgfff cont2 radius10">
            <ul>
                <li>起投份数<span>1份</span></li>
                <li>剩余可投金额<span>0元</span></li>
                <li>还款方式<span>到期归还本金及利息</span></li>
                <li>参与人数：<span>8人</span></li>
            </ul>
        </div>
        <div class="bgfff cont3 radius10">
            <div class="tab">
                <span class="cur">项目信息</span>
                <span>相关证件</span>
                <span>收益测算</span>
                <span>加入记录</span>
            </div>
            <div class="tabCont">
                <div class="tabCont1">
                    <ul>
                        <li>
                            <span>项目介绍</span><em>【叁月计划】</em>是未了财富平台经过严格甄选出的短期安全理财项目。该项目均属于车辆抵押借款，所选借款人借款用途<br />
                            多为用于资金临时周转的优质信用客户。
                        </li>
                        <li>
                            <span>风控措施</span>1.完成车辆信息核实<br />
                            2.专业机构完成评估<br />
                            3.查询借款人信用良好<br />
                            4.合法完成抵押手续
                        </li>
                        <li>
                            <span>活动介绍</span><em>【常规活动】</em><br />
                            活动时间：2017年08月31日12:00-09月30日11:59<br />
                            活动主题：约惠九月 加息特辑  <br />
                            活动内容：<br />
                            活动一：活动期间，投资30天及45天标的，单笔每满2000元即送10元红包。<br />
                            活动二：投资3个月及以上标的，即可享加息特权：
                        </li>
                    </ul>
                </div>
                <div class="tabCont2">2</div>
                <div class="tabCont3">
                    <div class="t1"><span>请输入您的投资金额：</span><input type="text" /><span>元</span></div>
                    <div class="t2">
                        <p class="title">计算结果</p>
                        <div><p><span>本息合计：</span><input type="text" /><span>元</span></p><p><span>利息收入共：</span><input type="text" /><span>元</span></p></div>
                    </div>
                    <div class="t2">
                        <p class="title">本期收款表</p>
                        <table cellpadding="0" cellspacing="0" border="0">
                            <tr><th>期次</th><th>应收本息（元）</th><th>应收本金（元）</th><th>应收利息（元）</th></tr>
                            <tr><td>1</td><td>66666666</td><td>66666666</td><td>66666666</td></tr>
                        </table>
                    </div>

                </div>
                <div class="tabCont4">
                    <div class="title"><span>加入者</span><span>加入金额</span><span>加入时间</span></div>
                    <div class="list">
                        <span>182*********</span>
                        <span>300000</span>
                        <span>2017-05-06  12:52:52</span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script type="text/plain" id="tzqx">
        <div class="tzqx">
            <p class="t1">投资标的：壹月B-13452期</p>
            <p class="t2"><span>投资金额：<em>50000元</em></span><span>预期收益：<em>1000元</em></span></p>
            <p class="t3"><span class="yhj">优惠券：</span><select><option>1</option><option>2</option><option>3</option></select></p>
        </div>
    </script>
    <script type="text/plain" id="tzcg">
        <div class="tzcg">
            <img src="../../images/public/ico_succeed.png" />
            <p>恭喜您投资成功</p>
        </div>
    </script>

    <div class="wrapper bottom">
        <div class="cont">
            <ul class="link">
                <li><p class="label">关于我们</p><p>公司简介</p><p>合作伙伴</p><p>招贤纳士</p><p>联系我们</p></li>
                <li><p class="label">信息披露</p><p>公司简介</p><p>合作伙伴</p><p>招贤纳士</p><p>联系我们</p></li>
                <li><p class="label">帮助中心</p><p>公司简介</p><p>合作伙伴</p><p>招贤纳士</p><p>联系我们</p></li>
                <li><p class="label">新闻公告</p><p>公司简介</p><p>合作伙伴</p><p>招贤纳士</p><p>联系我们</p></li>
            </ul>
            <div class="contact">
                <p class="t1">400-123-1234</p>
                <p class="t2"><span class="ico2">新浪微博</span><span class="ico1">在线客服</span></p>
                <p class="t3">服务时间：9:00-17:00</p>
            </div>
            <div class="code"><div><img src="../../images/public/code.png" /><p>微信公众平台</p></div><div><img src="../../images/public/code.png" /><p>微信公众平台</p></div></div>
        </div>
        <div class="cont">
            <div class="yl">
                <span>友情链接：</span><a href="#">友情链接</a><a href="#">友情链接</a><a href="#">友情链接</a><a href="#">友情链接</a><a href="#">友情链接</a><a href="#">友情链接</a><a href="#">友情链接</a><a href="#">友情链接</a>
            </div>
        </div>
        <div class="prom">
            <a href="#"><img src="../../images/public/ico_b1.png" /></a>
            <a href="#"><img src="../../images/public/ico_b2.png" /></a>
            <a href="#"><img src="../../images/public/ico_b3.png" /></a>
            <a href="#"><img src="../../images/public/ico_b4.png" /></a>
            <a href="#"><img src="../../images/public/ico_b5.png" /></a>
            <a href="#"><img src="../../images/public/ico_b6.png" /></a>
            <a href="#"><img src="../../images/public/ico_b7.png" /></a>
        </div>
        <div class="copyright">2016 未了财富 All right reserved   |   深圳前海大秦投资管理有限公司   |   粤ICP备16044335号-1</div>
        <div class="wrapper bgfff100 anbei"><span>浙公网安备 330502000108</span></div>
    </div>
    <script type="text/javascript" src="../../js/jquery.min.js"></script>
    <script type="text/javascript" src="../../js/layer/layer.js"></script>
    <script type="text/javascript">
        $(function () {
            $(".tab span").click(function () {
                var index = $(".tab span").index(this);
                $(this).addClass("cur").siblings().removeClass("cur");
                $(".tabCont>div").eq(index).show().siblings().hide();
            })
        })

        function TZ() {
            layer.open({
                title: "投资确认",
                content: $("#tzqx").html(),
                area: ["560px", "342px"],
                btn: ["确定", "取消"],
                btn1: function (index) {
                    layer.alert($("#tzcg").html(), { title: "投资成功", area: ["560px", "400px"], });
                },
                btn2: function (index) {

                }
            })
        }
    </script>
</body>
</html>